.tong {
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 1600px) {
  .tong {
    width: 96%;
  }
}

p {
  margin: 0;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

h2.bt {
  color: #333333;
  line-height: 1;
}

h2.bt b {
  display: block;
  font-size: 2.4rem;
}

h2.bt p {
  font-size: .9rem;
  margin-top: 14px;
  font-weight: normal;
}

.tou {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1111;
  width: 100%;
  height: 100px;
}

.tou .con {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}

.tou .con .logo {
  line-height: 130px;
}

.tou .con .zi {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 65.7%;
}

.tou .con .zi .zi1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}



.tou .con .zi .zi1 a.en {
  display: block;
  margin-left: 1.93vw;
}

.tou .con .zi .zi1 .pp2 {
  display: none;
}

.tou .con .zi .zi1 a.en2 {
  display: none;
}

.tdh{color:#000;font-size:14px;display:none;}
.scroll .tdh{display:block;}
.scroll .con .zi{width:75%;}
.scroll .x-menu{width:calc(85% - 98px);}






.x-banner {
  position: relative;
}

.x-banner .zi {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: #fff;
  z-index: 1;
}

.x-banner .zi h3 {
  font-size: 70px;
  letter-spacing: 6px;
  font-weight: bold;
  margin-bottom: 10px;
   text-shadow: 0px 0px 10px #000000;
}

.x-banner .zi dd {
  line-height: 34px;
  font-size: 18px;
}

.c1 {
  margin-top: 5.9vw;
}

.c1 .con {
  margin-top: 2.8vw;
  display: flex;
  justify-content: space-between;
}

.c1 .con .c1-1 {
  width: 32.9%;
}


.c1 .con .c1-1 .list1 li {
  position: relative;background: url(//cdn.myxypt.com/ac47912e/21/05/76cb1d49af9841b8ee946da36060eb445317fe0a.png) no-repeat;background-size:100% 100%;width:100%;padding:5% 5%;height:800px;
}

.c1 .con .c1-1 .list1 li .img{width:90%;position:absolute;right:0.5vw;bottom:1.5vw;transform: scale(1.2);}
.c1 .con .c1-1 .list1 li .img img{width:100%;}

.c1 .con .c1-1 .list1 li .wz {
  position: absolute;
  left: 4.6vw;
  top: 4.6vw;
}

.c1 .con .c1-1 .list1 li .wz h3 {
  color: #333333;
  font-size: 1.56vw;
  line-height: 1;font-weight:bold;
}

.c1 .con .c1-1 .list1 li .wz p {
  margin-top: 0.94vw;
  font-size: 0.94vw;
  color: #666666;
  line-height: 1;
}

.c1 .con .c1-1 .list1 li .wz dd {
  width: 6.25vw;
  background: #b30000;
  border-radius: 0.78vw;
  text-align: center;
  color: #fff;
  margin-top: 0.94vw;
  height: 1.56vw;
  line-height: 1.56vw;
}

@media (max-width:1440px) {
 .c1 .con .c1-1 .list1 li{height:660px;}

}



@media (max-width:1024px) {
 .c1 .con .c1-1 .list1 li{height:500px;}

}


@media (max-width: 780px) {
  .c1 .con .c1-1 .list1 li .wz dd {
    font-size: 12px;
    width: 80px;
  }
}

.c1 .c1-2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 65%;
}



@media (max-width: 780px) {
  .c1 .c1-2 {
    width: 100%;
  }
}

.c1 .c1-2 li {
  margin-bottom: 2.08vw;
  width: 48%;
  position: relative;background:#ddf3f1;
}

.c1 .c1-2 li:nth-child(2){background:#f3f3f3;}
.c1 .c1-2 li:nth-child(3){background:#f3f3eb;margin-bottom:0;}
.c1 .c1-2 li:nth-child(4){background:#e7ebf4;margin-bottom:0;}






.c1 .c1-2 li .img{width:46%;position: absolute;bottom: 1.6vw;right:1.2vw;transform: scale(1.6);}
.c1 .c1-2 li .img img{width:100%;}


.c1 .c1-2 li .wz {
  position: absolute;
  top: 2.6vw;
  left: 2.6vw;
  
}

.c1 .c1-2 li .wz h3 {
  line-height: 1;
  color: #333333;
  font-size: 1.4vw;font-weight:bold;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
}

.c1 .c1-2 li .wz p {
  margin-top: 0.94vw;
  line-height: 1;
  color: #666666;
  font-size: 0.94vw;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
}

.c1 .c1-2 li .wz dd {
  width: 6.25vw;
  background: #b30000;
  border-radius: 0.78vw;
  text-align: center;
  color: #fff;
  margin-top: 0.94vw;
  height: 1.56vw;
  line-height: 1.56vw;
}

@media (max-width: 780px) {
  .c1 .c1-2 li .wz dd {
    font-size: 12px;
    width: 60px;
    height: 20px;
    line-height: 20px;
  }
  .c1 .con{flex-wrap:wrap;}
  .c1 .con .c1-1{width:100%;}
  .c1 .con .c1-2{display: flex; justify-content: space-between;flex-wrap:wrap;margin-top:20px;}
  .c1 .con .c1-1 .list1 li{height:400px;}
  .c1 .con .c1-1 .list1 li .img{width: 64%;}
  .c1 .c1-2 li{height:300px;width:49%;}
  .c1 .con .c1-1 .list1 li .wz h3{font-size:18px;}
  .c1 .con .c1-1 .list1 li .wz p{font-size:16px;}
  .c1 .con .c1-1 .list1 li .wz dd{font-size:14px;line-height:2.8vw;height:2.8vw;border-radius:25px;width:90px;}
  
  
}


@media (max-width:425px) {
  .c1 .con .c1-1 .list1 li{height:300px;}
  .c1 .c1-2 li{height:150px;}
   .c1 .con .c1-1 .list1 li .wz h3{font-size: 22px;}
  .c1 .con .c1-1 .list1 li .wz p{font-size: 19px;}
  .c1 .con .c1-1 .list1 li .wz dd{font-size:14px;line-height:4.8vw;height:4.8vw;border-radius:25px;width:90px;}
  
  
  
  
}








.tou.scroll {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1111;
  width: 100%;
  height: 100px;
  box-shadow: 0 5px 10px #333;
  background: #fff;
  color: #000;
  z-index: 999;
}

.tou.scroll a {
  color: #000;
}

.tou.scroll a:hover {
  color: #000;
}

.tou.scroll .pp2 {
  display: block !important;
}

.tou.scroll .pp1 {
  display: none;
}

.tou.scroll a.en2 {
  display: block !important;
}

.tou.scroll a.en img {
  display: none;
}

.c2 {
  max-width: 1920px;
  background: url(//cdn.myxypt.com/ac47912e/21/05/b77b6c12efab508c7cd0c20c45e83c19eaed4d1f.png) no-repeat;
  padding-top: 3.13vw;
  padding-bottom: 4.69vw;
  background-size: cover;margin-top:4vw;
}

.c2 .con .cpys {
  margin-top: 2.8vw;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.c2 .con .cpys li {
  width: 24.5%;
  padding: 20px;
  margin-bottom: 10px;
  background: #fff;
  padding-bottom: 30px;
}

@media (max-width: 1440px) {
  .x-banner .zi h3{font-size:65px;}
 .x-banner .zi dd{font-size:15px;}
}



@media (max-width: 1200px) {
  .c2 .con .cpys li {
    width: 49.5%;
  }
}

.c2 .con .cpys li:hover {
  background-color: #b30000;
}

.c2 .con .cpys li:hover div {
  background: url(//cdn.myxypt.com/ac47912e/21/05/611a82c6605bac7563c172898f5469e1b52f4822.png) no-repeat left top;
}

.c2 .con .cpys li:hover h3 {
  color: #fff;
}

.c2 .con .cpys li:hover p {
  color: #fff;
}

.c2 .con .cpys div {
  padding-top: 10px;
  padding-left: 70px;
  background: url(//cdn.myxypt.com/ac47912e/21/05/31ea59138cc92b214298f7b7640356362d8e192c.png) no-repeat left top;
}

.c2 .con .cpys div h3 {
  font-size: 1.25vw;
  line-height: 1;
}

.c2 .con .cpys div p {
  margin-top: 0.94vw;
  color: #666;
  font-size: 14px;
}

.c2 .bt {
  color: #fff;
}

.c3 {
  margin-top: 3.12vw;
  width: 100%;
}

.c3 .bbt {
  margin-bottom: 3.12vw;
}

.c3 .bbt .bt {
  float: left;
  width: 40%;
}

.c3 .bbt .gallery-thumbs {
  float: right;
  width: 52.5%;
  display: flex;
  flex-wrap: wrap;
}

.c3 .bbt .gallery-thumbs .swiper-wrapper {
  justify-content: space-between;
}

.c3 .bbt .gallery-thumbs .swiper-slide {
  height: 66px;
  line-height: 66px;
  max-width: 150px;
  display: flex;
  align-items: center;
  cursor: pointer;
  border-bottom: 2px solid none;
}

.c3 .bbt .gallery-thumbs .swiper-slide img {
  line-height: 66px;
}

.c3 .bbt .gallery-thumbs .swiper-slide b {
  line-height: 66px;
  font-size: 1.2rem;
  font-weight: bold;
  color: #000;
}

.c3 .bbt .gallery-thumbs .swiper-slide.swiper-slide-thumb-active {
  border-bottom: 2px solid #b30000;
}

.c3 .bbt .gallery-thumbs .swiper-slide.swiper-slide-thumb-active b {
  color: #b30000;
}


.c3  .gallery-top  .swiper-slide.swiper-slide-active img{
  border: 4px solid #b30000;
}



.c3 .gallery-top .swiper-wrapper {
  position: relative;
}


.c3 .gallery-top .swiper-wrapper .ysswz {
  position: absolute;
  width:calc(100% - 8px) ;
  height: 147px;
  left: 4px;
  bottom: 4px;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  padding: 30px;
  opacity: 0;
  transition-duration: .5s;
  overflow: hidden;
}

.c3 .gallery-top .swiper-wrapper .ysswz h3 {
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 24px;
  margin-bottom: 10px;
}

.c3 .gallery-top .swiper-wrapper .ysswz dd {
  font-size: 16px;
  line-height: 24px;
}

.c3 .gallery-top .swiper-wrapper .swiper-slide-active .ysswz {
  opacity: 1;
}

.c3 .gallery-top .swiper-wrapper .mask{background:rgba(255,255,255,.5);width:100%;height:100%;position:absolute;left:0;top:0;display:block;}
.c3 .gallery-top .swiper-wrapper .swiper-slide-active .mask{display:none;}



.c4 {
  background: url(//cdn.myxypt.com/ac47912e/21/05/a6694d3bdb03f0815d6d45817974bf9e352e020a.jpg) no-repeat;
  background-size: cover;
  padding-top: 5.03vw;
  padding-bottom: 6vw;
  color: #fff;
  margin-top: 6.25vw;
}

.c4 .c4nr {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.c4 .c4nr .c4bt {
  font-size: 3rem;
  letter-spacing: 10px;
  line-height: 1;
}

.c4 .c4nr .c4bt2 {
  font-size: 1.8rem;
  margin-top: 0.8vw;
}

.c4 .c4nr .c4ab {
  font-size: 0.9rem;
  line-height: 36px;
  margin-top: 2.6vw;
}

.c4 .c4nr .xian {
  width: 100%;
  height: 2px;
  background: #4e4c50;
  margin-top: 1.5vw;
}

.c4 .c4nr .gssz {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 2.3vw;
}

.c4 .c4nr .gssz li h3 {
  font-size: 2.4rem;
  color: #fff;
  letter-spacing: 2px;
}

.c4 .c4nr .gssz li p {
  font-size: 0.9rem;
  color: #fff;
}

.c4 .c4nr .gstw {
  background: #b30000;
  padding-top: 1.77vw;
  padding-bottom: 1.35vw;
  margin-top: 4.16vw;
}

.c4 .c4nr .gstw ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.c4 .c4nr .gstw ul li {
  width: 25%;
  position: relative;
  text-align: center;
}

@media (max-width: 1200px) {
  .c4 .c4nr .gstw ul li {
    width: 49.5%;
  }
}

.c4 .c4nr .gstw ul li .img {
  height: 60px;
  line-height: 60px;
}

.c4 .c4nr .gstw ul li h3 {
  font-size: 0.9rem;
  color: #fff;
  font-weight: normal;
  margin-top: 13px;
}

.c4 .c4nr .gstw ul li::before {
  content: "";
  position: absolute;
  height: 5.15vw;
  width: 1px;
  background: #ffffff;
  top: 0;
  right: 0;
}

.c4 .c4nr .gstw ul li:last-child:before {
  display: none;
}

.c5 {
  margin-top: 5.2vw;
}

.c5 .cc5 .c5a {
  width: 37.5%;
}

.c5 .cc5 .c5b {
  width: 22.5%;
}

.c5 .cc5 .c5b ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-top: 3.1vw;
}

.c5 .cc5 .c5b ul li a {
  font-size: 0.9rem;
  color: #333333;
  font-weight: 600;
}

.c5 .cc5 .c5b ul li a:hover {
  color: #b30000;
}

.c5 .c52 {
  margin-top: 3.12vw;
}

.c5 .c52 ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.c5 .c52 ul li {
  width: 24.5%;
}

.c5 .c52 ul li .img {
  width: 100%;
}

.c5 .c52 ul li .img img {
  width: 100%;
}

.c5 .c52 ul .xwwz {
  padding: 16px 30px 16px 20px;
  background: #e6e6e6;
}

.c5 .c52 ul .xwwz h3 {
  color: #333333;
  font-size: 1rem;
  line-height: 1;
}

.c5 .c52 ul .xwwz p {
  color: #808080;
  font-size: 14px;
  line-height: 20px;
  margin-top: 0.5vw;
}

.c6 {
  background: no-repeat url(//cdn.myxypt.com/ac47912e/21/05/4d426fc35028017bb014c2d8a8d0ea230b8e495c.png);
  background-size: cover;
  padding-top: 5vw;
  margin-top: 3.95vw;
}

.c6 .fotnav {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-bottom: 4.89vw;
}

.c6 .fotnav .fota {
  width: 48%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  color: #fff;
}

.c6 .fotnav .fota dt {
  font-size: 1.8rem;
  letter-spacing: 2px;
  position: relative;
  margin-bottom: 14px;
}

.c6 .fotnav .fota dt::before {
  position: absolute;
  content: "";
  width: 44px;
  height: 2px;
  background: #a11f24;
  left: 0;
  bottom: -10px;
}

.c6 .fotnav dd a {
  color: #fff;
  font-size: 16px;
  line-height: 30px;
}

.c6 .fotb {
  color: #fff;
}

.c6 .fotb dt {
  font-size: 1.8rem;
  letter-spacing: 2px;
  position: relative;
  margin-bottom: 14px;
}

.c6 .fotb dt::before {
  position: absolute;
  content: "";
  width: 44px;
  height: 2px;
  background: #a11f24;
  left: 0;
  bottom: -10px;
}

.c6 dd p {
  color: #fff;
  font-size: 16px;
  line-height: 30px;
}

.c6 .fotc {
  margin-right: 5.1vw;
  color: #fff;
  font-size: 14px;
  line-height: 30px;
  text-align: center;
}

.c6 .fotc p {
  margin-top: 12px;
  font-weight: normal;
}

.fontlink {
  width: 100%;
  border-top: 1px solid #1d3a4d;
  border-bottom: 1px solid #1d3a4d;
}

.fontlink .ylink {
  background: no-repeat url(//cdn.myxypt.com/ac47912e/21/05/b2bfd79ea894b09624eb9ecf294d6d2ab0a1cce0.png) left 18px;
  color: #9da9b2;
  padding: 12px 0 12px 30px;
  font-size: 18px;
  line-height: 24px;
}

.fontlink .ylink a {
  font-size: 18px;
  line-height: 24px;
  color: #9da9b2;
}

.fontlink .ylink a:hover {
  color: #9da9b2;
}

.dbsm {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  color: #fff;
  font-size: 14px;
  line-height: 28px;
  padding: 10px 0;
}

.dbsm a {
  color: #fff;
}

.dbsm a:hover {
  color: #fff;
}

.dbsm .smb {
  text-align: right;
}

@media (max-width:1366px){
  .x-banner .zi h3{
    font-size: 3.5rem;
  }
  .c5 .c52 ul .xwwz h3{
    font-size: 18px;
  }
}

@media (max-width:1200px){
  .x-banner .zi h3{
    font-size: 40px;
  }
  .x-banner .zi dd{
    font-size: 14px;
    margin-top: 10px;
  }
  .c3 .gallery-top .swiper-wrapper .ysswz h3{
    font-size: 16px;
  }
  .c3 .gallery-top .swiper-wrapper .ysswz dd{
    font-size: 14px;
  }
  .c4 .c4nr .gstw ul li{
    margin-top: 2%;
  }
  .c4 .c4nr .gstw ul li::before{
    height: 80px;
  }
  .c4 .c4nr .gstw ul li:nth-child(2n):before {
    display: none;
  }
  .c5 .c52 ul .xwwz h3{
    font-size: 18px;
  }
}

@media (max-width:992px){
  .x-banner .zi h3{
    font-size: 36px;
  }
  .x-banner .zi dd{
    font-size: 12px;
    margin-top: 10px;
    line-height: 24px;
  }
}

@media (max-width:768px){
  .x-banner .zi h3{
    font-size: 28px;
  }
  .x-banner .zi dd{
    font-size: 14px;
    margin-top: 5px;
    line-height: 24px;
  }
  .c3 .gallery-top .swiper-wrapper .ysswz h3{
    font-size: 16px;
  }
  .c3 .gallery-top .swiper-wrapper .ysswz dd{
    font-size: 14px;
  }
  h2.bt b{
    font-size: 28px;
  }
  h2.bt p{
    font-size: 14px;
    line-height: 20px;
  }
  .c3 .bbt .gallery-thumbs .swiper-slide b{
    font-size: 16px;
  }
  .c3 .bbt .gallery-thumbs .swiper-slide img{
    width: 20%;
  }
  .c3 .bbt .bt{
    float: none;
    width: 100%;
  }
  .c3 .bbt .gallery-thumbs{
    float: none;
    width: 100%;
  }
  .c2 .con .cpys li{
    width: 100%;
  }
  .c2 .con .cpys div h3{
  font-size: 18px;
 }
 .c5 .c52 ul li{
   width: 49.5%;
   margin-bottom: 2%;
  }
  .c5 .cc5 .c5a {
    width: 50%;
  }
  .c5 .cc5 .c5b{
    width: 40%;
  }
  .c6 .fotnav{
padding-left: 10%;
padding-right: 10%;
  }
  .c4 .c4nr .c4ab{
    line-height: 20px;
  }
  .c1 .c1-2 li .wz h3{
    font-size: 18px;
  }
  .c1 .c1-2 li .wz p{
    font-size: 16px;
  }
  .c1 .c1-2 li .wz dd{
    font-size: 12px;
    border-radius:20px;
  }
}
@media (max-width:1024px){
  .dbsm .smb{
    text-align: left;
  }
}

@media (max-width:400px){
  .x-banner .zi h3{
    font-size: 14px;
  }
  .x-banner .zi dd{
    font-size: 12px;
    margin-top: 4px;
  }
  .c3 .gallery-top .swiper-wrapper .swiper-slide-active .ysswz{
    height: 90px;
    padding: 8px;
  }
  .c3 .gallery-top .swiper-wrapper .ysswz h3{
    font-size: 14px;
    margin-bottom: 0;
  }
  .c3 .gallery-top .swiper-wrapper .ysswz dd{
    font-size: 12px;
    line-height: 14px;
  }

}

@media (max-width:420px){
  .x-banner .zi{
    width: 80%;
  }
  .x-banner .zi h3{
    letter-spacing: 1px;
    font-size: 24px;
  }
  .x-banner .zi dd{
    font-size: 12px;
    margin-top: 10px;
    line-height: 20px;
  }
  .c5 .c52 ul .xwwz h3{
    font-size: 14px;
  }
  .c5 .c52 ul .xwwz p{
    font-size: 12px;
    line-height: 20px;
  }
  .c6 .fotb{
    width: 60%;
  }
  .c6 .fotnav{
    padding: 0;
  }
  .c6 dd p{
    font-size: 12px;
    line-height: 24px;
  }
  .c6 .fotc p{
    font-size: 12px;
  }
  .c6 .fotc{
    margin-right: 2%;
    font-size: 12px;
  }
  .c6 .fotc img{
    width: 80%;
  }
  .c6 .fotc p{
    margin-top: 8px;
  }
  .c5 .cc5 .c5a{
    float: none;
    width: 100%;
  }
  .c5 .cc5 .c5b{
    width: 100%;
    padding: 0 10%;
    padding-top: 2%;
  }
  .c5 .cc5 .c5b ul li a{
    font-size: 16px;
  }
  .c1 .c1-2 li .wz h3{
    font-size: 16px;
  }
  .c1 .c1-2 li .wz p{
    font-size: 14px;
  }
  .c1 .c1-2 li .wz dd{
    font-size: 12px;
    border-radius:20px
  }
  .ylink{
    font-size: 14px!important;
    padding: 8px 0!important;
    line-height: 20px!important ;
  }
}














@media (max-width:965px){
  .c6 .fotnav .fota{
    width: 40%;
  }
}
@media (max-width:860px){
  .c6 .fotnav .fota{
    display: none;
  }
}